<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="keywords" content="">
		<title>关于我们</title>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/smb-style.css" />
		<link rel="stylesheet" type="text/css" href="css/style-mobile.css" />
	</head>
	<body>
		<!-- banner -->
		<div class="soft-banner">
			<img class="web" src="img/aboutus_banner.png" alt="">
			<img class="hfive" src="img/banner_hf.png" alt="" >
		</div>
		<!-- 关于速卖帮 -->
		<div class="about_smb">
			<div class="wrap-center clearfix">
				<div class="text">
					<h4 class="name">关于速卖帮</h4>
					<p class="name-en">WELCOME TO SUMAIBANG</p>
					<p class="info">
						安徽速卖帮科技有限公司（以下简称速卖帮）致力于打造智慧团餐综合解决方案服务平台，坐落于全国四大科教城市之一的安徽省会合肥，旗下拥有“智仕通”品牌，是一家集软、硬件产品设计、研发、销售、安装和技术服务为一体的智能化综合服务商。速卖帮以“科技提升服务”为理念，以互联网、物联网、大数据、云计算，以及人工智能等现代化信息技术赋能团餐行业，解决行业痛点问题，探索个性化行业解决方案。
						<br /><br />速卖帮自主研发的新一代智慧食堂SaaS平台，目前已获得多项知识产权，并已通过国家质量认证。同时也拥有从业经验丰富的管理团队，以及技术过硬的研发队伍，不断进行产品和技术迭代，充分发挥创新精神，推陈出新。速卖帮已成功入围中国饭店协会团餐软件系统类服务商，立志为中国团餐事业贡献一份自己的力量。
						<br /><br />时代赋予我们的使命，速卖帮全体同仁将砥砺前行。
					</p>
				</div>
				<div class="img">
					<img src="img/aboutus-img1.png" alt="">
				</div>
			</div>
		</div>

		<!-- 企业文化 -->
		<div class="about_culture">
			<div class="wrap-center">
				<div class="module-title">
					<h4 class="h4"><span>企业文化</span></h4>
				</div>
				<ul class="list-culture clearfix title_down6">
					<li class="item">
						<div class="text">
							<h4>企业愿景</h4>
							<p>团餐，可以更简单</p>
						</div>
						<img src="img/about-culture1.png" alt="">
					</li>
					<li class="item">
						<div class="text">
							<h4>企业愿景</h4>
							<p>团餐，可以更简单</p>
						</div>
						<img src="img/about-culture1.png" alt="">
					</li>
					<li class="item">
						<div class="text">
							<h4>企业愿景</h4>
							<p>团餐，可以更简单</p>
						</div>
						<img src="img/about-culture1.png" alt="">
					</li>
					<li class="item">
						<div class="text">
							<h4>企业愿景</h4>
							<p>团餐，可以更简单</p>
						</div>
						<img src="img/about-culture1.png" alt="">
					</li>
				</ul>
			</div>
		</div>
		<!-- 发展历程 -->
		<div class="about_develop title_down10">
			<div class="module-title">
				<h4 class="h4"><span>发展历程</span></h4>
			</div>
			<div class="list-develop title_down6">
				<div class="wrap-center block-course">
					<div class="swiper-container aboutDevelop">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<div class="text">
									<h4>未来</h4>
									<p><span>与广东联通公司合作。</span></p>
								</div>
							</div>
							<div class="swiper-slide">
								<div class="text">
									<h4>2020</h4>
									<p>获得了3个软件著作授权书和一个实用新型专利。</p>
									<p>通过了ISO9001认证。</p>
								</div>
							</div>
							<div class="swiper-slide">
								<div class="text">
									<h4>2019</h4>
									<p><span>接入第三方微信，支付宝支付。</span></p>
									<p><span>公司强势挺进城市快餐，同年取得2个实用新型专利和两个软件著作授权书。</span></p>
								</div>
							</div>
							<div class="swiper-slide">
								<div class="text">
									<h4>2018</h4>
									<p><span>公司主要针对大专院校，企事业单位团膳结算系统，集中力量专题研发，不断完善产品功能，主要支持现金，IC卡支付。</span></p>
									<p><span>我司第二代针对团膳的T6/T0机型正式销售。</span></p>
								</div>
							</div>
							<div class="swiper-slide">
								<div class="text">
									<h4>2017</h4>
									<p><span>第一代智能结算台正式销往企事业单位和社会餐饮。</span></p>
								</div>
							</div>
						</div>
						<div class="pagination">
							<div class="swiper-pagination-bullet"><span class="point"></span>未来 </div>
							<div class="swiper-pagination-bullet"><span class="point"></span>2020 </div>
							<div class="swiper-pagination-bullet"><span class="point"></span>2019 </div>
							<div class="swiper-pagination-bullet"><span class="point"></span>2018 </div>
							<div class="swiper-pagination-bullet"><span class="point"></span>2017 </div>
						</div>
						<div class="line"></div>
						<div class="ring"></div>
					</div>
				</div>
			</div>
		</div>

		<!-- 资质奖项 -->
		<div class="about_honor title_down10">
			<div class="wrap-center">
				<div class="module-title">
					<h4 class="h4"><span>资质奖项</span></h4>
				</div>
				<div class="list-honor title_down6 clearfix">
					<div class="item">
						<img src="img/about-honor1.png" alt="">
						<p class="text">软件著作权登记证书</p>
					</div>
					<div class="item">
						<img src="img/about-honor1.png" alt="">
						<p class="text">软件著作权登记证书</p>
					</div>
					<div class="item">
						<img src="img/about-honor1.png" alt="">
						<p class="text">软件著作权登记证书</p>
					</div>
					<div class="item">
						<img src="img/about-honor1.png" alt="">
						<p class="text">软件著作权登记证书</p>
					</div>
					<div class="item">
						<img src="img/about-honor1.png" alt="">
						<p class="text">软件著作权登记证书</p>
					</div>
					<div class="item">
						<img src="img/about-honor1.png" alt="">
						<p class="text">软件著作权登记证书</p>
					</div>
					<div class="item">
						<img src="img/about-honor1.png" alt="">
						<p class="text">软件著作权登记证书</p>
					</div>
					<div class="item">
						<img src="img/about-honor1.png" alt="">
						<p class="text">软件著作权登记证书</p>
					</div>
				</div>
			</div>
		</div>

		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			
			if ($(window).width()>818) {
				var courseLe = $(".aboutDevelop .swiper-pagination-bullet").length - 2;
				$(".aboutDevelop .swiper-pagination-bullet").eq(courseLe).addClass("swiper-pagination-bullet-active");
				var coursePcSwiper = new Swiper('.aboutDevelop', {
					direction: 'vertical',
					effect: 'fade',
					initialSlide: courseLe,
					parallax: true,
					fadeEffect: {
						crossFade: true,
					},
					on: {
						slideChange: function() {
							var idx = this.activeIndex;
							$(".aboutDevelop .swiper-pagination-bullet").eq(idx).addClass("swiper-pagination-bullet-active").siblings().removeClass("swiper-pagination-bullet-active");
							$(".block-course .ring").css("transform", "rotate(" + (30 * idx) + "deg)");
						},
						slideChangeTransitionStart: function() {
							var len = this.slides.length;
							var index = this.activeIndex;
						}
					}
				});
			}
			
			
			$(".block-course .swiper-pagination-bullet").on("mouseenter", function() {
				var idx = $(this).index();
				$(".block-course .ring").css("transform", "rotate(" + (30 * idx) + "deg)");
				coursePcSwiper.slideTo(idx);
				$(this).addClass("swiper-pagination-bullet-active").siblings().removeClass("swiper-pagination-bullet-active");
			});
			
		</script>
	</body>
</html>
